::-webkit-scrollbar
{
    width: 6px;
    height: 15px;
}
::-webkit-scrollbar-track-piece
{
    background-color: #32A9DB;
    -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical
{
	width:40px;
    height: 15px;
    background-color: #2DA679;
    -webkit-border-radius: 20px;
}
::-webkit-scrollbar-thumb:horizontal
{
    width: 5px;
    background-color: #2DA679;
    -webkit-border-radius: 20px;
}

.toolbar {
	border: 1px solid #228CBA;
	background-color: #127199;
	padding: 5px;
	height: 70px
}

.menu {
	border: 1px solid #228CBA;
	background-color: #3393BD;
	width: 200px;
	height: 205%;
	padding: 5px;
	float: left;
	font-family: Arial;
}

.menu .menublock {
	border: 1px solid #228CBA;
	margin: 2px;
	color: #586566
}

.menu .menublock .menucap {
	border: 1px solid #228CBA;
	margin: 2px;
	padding-left: 4px;
	background-color: #34888C;
	color: #09384D;
	font-weight: bold
}

.menu .menublock .menutab {
	border: 1px solid #228CBA;
	margin: 2px;
	margin-left: 20px;
	padding-left: 4px;
	background-color: #2CD5E8;
}

.content {
	border: 1px solid #228CBA;
	background-color: #068BC4;
	padding: 5px;
	overflow: auto
}

.content .contentframe {
	border: 1px solid #228CBA;
	width: 99%;
	height: 200%;
}

.area {
	border: 1px solid #228CBA;
	padding: 4px;
	width: 100%;
}

.area .funcarea {
	background-color: #78BFDE;
	margin-right: 2px;
}

.area .dataarea {
	background-color: #197DA8;
	overflow: auto;
}

.dataarea table {
	text-align: center;
	border: 1px solid #228CBA;
	border-collapse: separate;
	border-color: #878E91;
}

.dataarea table thead {
	text-align: center;
	border: 1px solid #228CBA;
	border-collapse: separate;
	border-spacing: 10pt;
	background-color: #34888C;
	color: #484A4A;
	font-family: Courier New;
}

.dataarea table tbody {
	text-align: center;
	border: 1px solid #228CBA;
	border-collapse: separate;
	border-spacing: 10pt;
	background-color: #A2AAAB;
}

.addarea table {
	text-align: left;
	border: 1px solid #228CBA;
	border-collapse: separate;
}

.addarea table tbody {
	text-align: left;
	border: 1px solid #228CBA;
	border-collapse: separate;
	border-spacing: 10pt;
	background-color: #A2AAAB;
}

.addarea th,td {
	max-width: 300px;
	word-wrap: break-word;
	border-left: none;
	border-right: none;
	font-size: smaller;
}

.addarea .tips {
	color:red
}

.area a {
	font-family: Arial;
	font-size: .8em;
	text-align: center;
	margin: 1px;
}

.area a:link,a:visited {
	color: #222324;
	padding: 2px 5px 2px 5px;
	background-color: #A7A8A8;
	text-decoration: none;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-bottom: 1px solid #717171;
	border-right: 1px solid #717171;
}

.area a:hover {
	color: #821818;
	padding: 2px 4px 1px 6px;
	background-color: #e2c4c9;
	border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

.rightmenu {
	display:none;
	position:absolute;
	border:1px solid #e2c4c9;
	background-color: silver;
	width:150px;
}
.rightmenu li {
	list-style:square
}
.rightmenu a {
	font-family: Arial;
	font-size: .8em;
	text-align: center;
	margin: 1px;
}
.maskerContent {
	display:none
}
.maskframe {
	z-index:99999;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border:0;
	background-color:grey;
	filter:alpha(opacity=80);
	opacity:0.8;
}
.masker {
	margin-top:200px;
}
.masker .block {
	width:20px;
	height:50px;
	magin-left:2px;
	margin-top:20px;
	background-color:#476ADE;

}
.masker .hightblock {
	width:20px;
	height:50px;
	margin-left:2px;
	margin-top:20px;
	background-color:#4229C2;
}
.masker .banner {
	color:red;
	font-family: Arial;
	filter:alpha(opacity=0.9);
	opacity:0.9;
}
.json {
	border: 1px solid #228CBA;
	padding: 4px;
	width: 100%;
	overflow: auto
}
.json .jsonkey {
	margin-left: 40px;
	color: red
}
.json .jsonvalue {
	margin-left: 20px
}